// 预设的几套主题色, 最近elementUi的自定义主题编辑器挂了!!!!

// /**
//  * 生成scss插件可以用的变量
//  */
// const genScssMultipleScopeVars = () => {
//     return Object.keys(themeColors).map(color => {
//         return {
//             /** 预设主题色的名称 */
//             scopeName: `${color}`,
//             varsContent: `
//                     $subMenuActiveText: ${themeColors[color].subMenuActiveText} !default;
//                     $menuBg: ${themeColors[color].menuBg} !default;
//                     $menuHover: ${themeColors[color].menuHover} !default;
//                     $subMenuBg: ${themeColors[color].subMenuBg} !default;
//                     $subMenuActiveBg: ${themeColors[color].subMenuActiveBg} !default;
//                     $menuText: ${themeColors[color].menuText} !default;
//                     $sidebarLogo: ${themeColors[color].sidebarLogo} !default;
//                     $menuTitleHover: ${themeColors[color].menuTitleHover} !default;
//                     $menuActiveBefore: ${themeColors[color].menuActiveBefore} !default;
//                    
//             `
//         }
//     })
// }

/**
 * 配置scss主题插件
 */
export default function createThemePlugin () {
    return {
        name: 'vite-plugin-scss-themes',
        enforce: "pre",
        config(config, {command}) {
            if(command === 'serve' || command === 'build'){
                // const multipleScopeVars = genScssMultipleScopeVars();
                // const defaultVal = multipleScopeVars[0].varsContent + "\n"
                // const scssContent = defaultVal + multipleScopeVars.map(item => {
                //     return `
                //         [layout-theme="${item.scopeName}"] {
                //         ${item.varsContent}
                //         };
                //     `
                // }).join('\n');
                
                config.css = {
                    ...config?.css ?? {},
                    preprocessorOptions: {
                        ...config?.css?.preprocessorOptions ?? {},
                        scss: {
                            ...config?.css?.preprocessorOptions?.scss ?? {},
                            additionalData: '@import "@/assets/style/themeVariable.scss";'
                        }
                    }
                }
            }
        }
    }
}
